<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $data['album_name'];?>_微图片</title>
<style>
*{margin:0;padding:0;}
html{overflow-y:scroll}
body {background:url(http://mat1.gtimg.com/www/mb/skin/jd/bhxp/bg.jpg) top center no-repeat fixed #E5E5E5;font-family:"微软雅黑";}
img{border:0;}
.header{height:35px;width:100%;border-bottom:1px solid #333;margin-top:0;top:0;left:0;z-index:100;filter:alpha(opacity=80);opacity:0.8;background:#2d2d2d;}
.header .nav_item{margin:0 auto;width:1010px;}
.header .nav_item ul{list-style:none;}
.header .nav_item li{float:left;}
.header .nav_item .nav_r li{float:right;}
.header .nav_item .nav_r li a{padding:5px 5px;height:25px;}
.header .nav_item a{color:#fff;font-size:14px;display:block;float:none; margin-top:1px;padding:8px 10px;line-height:17px;text-decoration:none;}
.header .nav_item a:hover,.nav .nav_item li:hover{color:#fff;background:#000;}
.header .nav_item .logo{width:120px;height:35px;background:url(http://app.qpic.cn/mblogpic/a9399f924c4e648304a2/2000) no-repeat;margin:0px 5px;padding:0;}
.header .nav_item .logo:hover{background:url(http://app.qpic.cn/mblogpic/a9399f924c4e648304a2/2000) no-repeat;}
.head_clear{height:0;width:100%;display:block;}
.main{width:1000px;margin:10px auto;overflow: hidden;}
.left{float:left;width:740px;height:100%;background-color:#fff;margin-bottom:-3000px; padding-bottom:3000px;}
.right{float:right;width:259px;height:100%;background:#e3eff3;border-left:1px dotted #A0BBC9;margin-bottom:-3000px; padding-bottom:3000px;}
.pic{width:100%;margin:10px auto;text-align:center;background-image:url(http://app.qpic.cn/mblogpic/4133338b5c8cc4070bae/2000);background-repeat:no-repeat;background-position:350px;min-height:100px;}
.pic img{border: 1px solid #CCC;padding:1px;min-height:100px;min-width:100px;}
.piclist{float:left;width:660px;}
.piclist li{width:75px;display:inline;padding:5px;}
.piclist li img{border: 1px solid #CCC;padding:1px;}
.footer{margin:15px;text-align:center;color:#333;font-size:12px;}
.footer a{color:#fff;text-decoration:none}
</style>
<script>
function upNext(bigimg)
{
	var lefturl  = '<?php echo $picture['prev_html'];?>';
	var righturl = '<?php echo $picture['next_html'];?>';
	var imgurl   = righturl;
	var width	 = bigimg.width;
	var height	 = bigimg.height;
	bigimg.onmousemove = function() {
		if (event.offsetX<width/2) {
			bigimg.style.cursor	= 'url(/static/img/arr_left.cur),auto';
			imgurl				= lefturl;
		} else {
			bigimg.style.cursor	= 'url(/static/img/arr_right.cur),auto';
			imgurl				= righturl;
		}
	};
	bigimg.onmouseup = function() {
		top.location = imgurl;
	}
}
</script>
</head>
<body>
<div class="header">
	<div class="nav_item">
		<ul>
			<li><a class="logo" href="/index.html" title="微图片">&nbsp;</a></li>
		</ul>
		<ul class="nav_r" id="info">
			<li id="qqLoginBtn"></li>
		</ul>
	</div>
</div>
<div class="head_clear"></div>
<div class="main">
	<div class="left">
		<div style="height:25px;background:#e3eff3;padding:5px;">
			<span style="font-size:12px;color:#888;float:right;margin:5px 5px 0 5px;">共有<?php echo $total;?>张图片</span>
			<p style="float:left;margin:0 5px 0 5px;"><?php echo $data['album_name'];?></p>
		</div>
		<div class="pic"><img onmouseover="upNext(this)" src="<?php echo $this->album->get_image_src('src', $data['album_id'], $picture['img']);?>" /></div>
	</div>
	<div class="right">
		<div style="height:200px;text-align:center;background:#fff;">
		<iframe width="150" height="200" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=<?php echo $first;?>&wide=1&color=FFFFFF,FFFFFF,0082CB,666666&showtitle=1&showinfo=0&sense=0&verified=0&count=1&refer=<?php echo urlencode($url);?>&dpc=1"></iframe>
        </div>
		<div id="google" style="height:250px;text-align:center;margin-top:5px;">
        <script type="text/javascript">
        google_ad_client = "ca-pub-8851101767970871";
        google_ad_slot = "6486381932";
        google_ad_width = 250;
        google_ad_height = 250;
        </script>
        <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
        </div>
	</div>
</div>
<div class="footer"><a href="http://www.aliyun.com/" target="_blank">Power by aliyun.com</a></div>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F71001c4401a5ff5ebbf0bc406ef706de' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>